/*
1. 为什么要学习Vue.js
    1. JS存在兼容性问题，通过JQuery解决
    2. JQuery需要频繁的操作dom元素，通过前端模板引擎解决
    3. 我们只需要调用前端模板引擎中的方法，就可以渲染页面，但是效率比较低
    4. 我们使用Angular.js 或者 Vue.js 来帮助我们
        1. 减少不必要的dom操作
        2. 提高渲染效率
        3. 双向数据绑定
    5. Vue 中，核心概念就是让用户不再操作DOM元素，解放用户双手，有更多的事件关注业务逻辑

2. 框架和库的区别
    1. 框架：    对项目侵入性较大，是一套完整的解决方案
    2. 库(插件): 提供一个小功能，对项目侵入性较小，如果一个库不能满足要求，则可以很容易切换到其他库，JQuery就是一种库

3. Node 后端中的 MVC 与前端中的 MVVM之间的区别
    1. MVC 是后端的分层开发概念
    2. MVVM 是前端视图层概念，主要关注于 视图层分离
    3. MVVM 把前端的视图层，分成了三部分，Model,View,VM ViewModel

4. app.js 是项目的入口，一切的请求，都要先进入这里进行处理
5. router.js 这是路由分发处理模块，只负责分发路由，不负责业务逻辑的处理
             如果涉及业务逻辑的处理，只能调用controller模块进行业务逻辑处理
6. Controller 这是业务逻辑处理层，再这个模块中，封装了一些具体业务逻辑处理的逻辑代码，
              但是为了保证只能单易，此模块只负责处理业务，不负责处理数据的CRUD
              如果涉及CRUD（create,Read,update,delete）,需要调用Model层
7. Model 只能单一，值负责操作数据库CRUD
8. app.js -> router.js -> Controller -> Model
9. View 视图层 每当用户操作了界面，如果需要进行业务的处理，都会通过网络请求，
              去请求后端服务器，此时我们这个请求，就会被后端app.js监听到
10. View -> app.js
11. MVC
    1. Model: 操作数据库
    2. View:  视图层
    3. Controller: router.js和Controller

12. MVVM是前端视图层的开发思想，主要把每个页面分成了M V VM 三层
    其中VM是MVVM的思想核心，因为VM是M和V之间的调度者
    1. M: 这里的M保存的是每个页面中单独的数据
    2. V: 就是每个页面中的HTML结构
    3. VM: 是一个调度者，分隔了M和V
    4. 取数据: V <- VM <- M
    5. 存数据: V -> VM -> M
    6. MVVM 思想是为了让我们开发更加方便，以你为MVVM提供了数据的双向绑定


13. 实践
    1. 首先导入vue.js包
    2. 当我们导入包之后，再浏览器内存中，就多了一个Vue的构造函数
    3. 创建一个Vue对象
 */